<template>
  <div id="app">

    <router-view/>
    <bar v-if="showThis"></bar>
    <!-- 直接在组件标签上使用v-if显示隐藏 -->
  </div>
</template>

<script>
import bar from '../src/components/bar.vue'
export default {
  components: { bar },
  data () {
    return {
      showThis: true // 定义初始状态为显示
    }
  },

  watch: {
    $route (to, from) {
      // 检查当前路由name是否等于详情页的name，如果是则隐藏
      this.showThis = to.name !== 'goods'
    }
  }
}

</script>
